.infoPage {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, .2);
  transition: all 0.3s;
  transform: translateY(-0vh);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;

  .propscon {
    width: 660rpx;
    position: relative;
    box-sizing: border-box;


    .close {
      position: absolute;
      top: 30rpx;
      right: 30rpx;
      width: 30rpx;
      z-index: 2;
    }

    .header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;

      .hear {
        width: 110rpx;
        height: 110rpx;
        border-radius: 50%;
        border: 1px solid #fff;
        overflow: hidden;

        image {
          width: 100%;
          height: 100%;
        }
      }
    }

    .tit {
      margin-top: 4.32rpx;
      text-align: center;
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 23rpx;
      font-weight: 300;
      line-height: 35rpx;
      letter-spacing: 1.84rpx;
      text-align: center;
    }

    .titdes {
      color: rgb(255, 255, 255);
      font-family: Helvetica;
      font-size: 35rpx;
      font-weight: 300;
      line-height: 35rpx;
      letter-spacing: 2.8rpx;
      text-align: center;
      margin-top: 16.08rpx;
    }

    .prcon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 28.26rpx;
      text-align: center;
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 26rpx;
      font-weight: 350;
      line-height: 50rpx;
      letter-spacing: 2.08rpx;
      text-align: center;
      margin-bottom: 40.34rpx;
    }

    .prcon_bottom {
      margin-top: 18.32rpx;
      text-align: center;
      color: rgb(255, 255, 255);
      font-family: 思源黑体 CN;
      font-size: 23rpx;
      font-weight: 350;
      line-height: 35rpx;
      letter-spacing: 1.84rpx;
      text-align: center;
    }

    .btnbox {
      display: flex;
      align-items: center;
      justify-content: center;
      image{
        width: 300rpx;
      }
    }
    .mb20{
      margin-bottom: 20rpx;
    }
  }

}

.hindeInfoPage {
  display: none;
}